body {
  height: 2000px;
  background: #040506;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
/* body::-webkit-scrollbar {
        display: none;
      } */
.animation--scrollAnimation--OP1nkK9 {
  height: 200vh;
  line-height: 0;
  min-height: 18.64em;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
}
.animation--scrollAnimation--OP1nkK9 .animation--container--xBPkCt1 {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-justify-content: center;
  justify-content: center;
  left: 0;
  min-height: 9.32em;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
}
.animation--scrollAnimation--OP1nkK9
  .animation--container--xBPkCt1
  .animation--DD--TXpK1af {
  height: 100%;
  overflow: hidden;
  -webkit-perspective: 800px;
  perspective: 800px;
  -moz-perspective: 800px;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 100%;
}
.animation--scrollAnimation--OP1nkK9
  .animation--container--xBPkCt1
  .animation--DD--TXpK1af
  .animation--resolveTitle--cCLSci5 {
  color: #fff;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  height: 0.67em;
  letter-spacing: 0;
  line-height: 0.67em;
  position: absolute;
  text-align: center;
  top: -webkit-calc(50% - 2.12em);
  top: -moz-calc(50% - 2.12em);
  top: calc(50% - 2.12em);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 100%;
  z-index: 10;
}
.animation--scrollAnimation--OP1nkK9
  .animation--container--xBPkCt1
  .animation--DD--TXpK1af
  .animation--resolveTitle--cCLSci5
  > div {
  font-size: 0.48em;
}
.animation--scrollAnimation--OP1nkK9
  .animation--container--xBPkCt1
  .animation--DD--TXpK1af
  .animation--whyTitleActive--dFEhOTb
  div:hover {
  -webkit-transform: scale(1.2) !important;
  -moz-transform: scale(1.2) !important;
  -ms-transform: scale(1.2) !important;
  transform: scale(1.2) !important;
}
.animation--scrollAnimation--OP1nkK9
  .animation--container--xBPkCt1
  .animation--DD--TXpK1af
  .animation--whyTitle--kg0Tuw1 {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  top: -webkit-calc(50% - 2.84em);
  top: -moz-calc(50% - 2.84em);
  top: calc(50% - 2.84em);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 100%;
  z-index: 10;
}
.animation--scrollAnimation--OP1nkK9
  .animation--container--xBPkCt1
  .animation--DD--TXpK1af
  .animation--whyTitle--kg0Tuw1
  > div {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  height: 0.28em;
  line-height: 0.28em;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -moz-transition: transform 0.3s, -moz-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s;
}
.animation--scrollAnimation--OP1nkK9
  .animation--container--xBPkCt1
  .animation--DD--TXpK1af
  .animation--whyTitle--kg0Tuw1
  > div
  > span {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#7ebeff),
    to(#1086ff)
  );
  background: -webkit-linear-gradient(left, #7ebeff, #1086ff);
  background: -moz-linear-gradient(left, #7ebeff, #1086ff);
  background: linear-gradient(90deg, #7ebeff, #1086ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 0.2em;
  position: relative;
}
.animation--scrollAnimation--OP1nkK9
  .animation--container--xBPkCt1
  .animation--DD--TXpK1af
  .animation--whyTitle--kg0Tuw1
  > div
  > span
  .animation--whyBg--eNUY3lw {
  -webkit-background-clip: text;
  background-clip: text;
  background-color: #fff;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: width 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
  width: 0;
}
.animation--scrollAnimation--OP1nkK9
  .animation--container--xBPkCt1
  .animation--DD--TXpK1af
  .animation--modalBg--bg3T1qS {
  background: url(../../../../../gw.alicdn.com/imgextra/i2/O1CN01DL98PU1o7ZcDBmNDk_%21%216000000005178-2-tps-3840-920.png)
    no-repeat 50%;
  background-size: cover;
  height: 4.8em;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -webkit-calc(50% - 5em);
  top: -moz-calc(50% - 5em);
  top: calc(50% - 5em);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 100vw;
  z-index: 1;
}
.animation--scrollAnimation--OP1nkK9
  .animation--container--xBPkCt1
  .animation--DD--TXpK1af
  .animation--modalBgGradient--XqzcRHt {
  background-image: -webkit-radial-gradient(
    100% 100%,
    circle,
    rgba(0, 45, 156, 0.28) 0,
    rgba(15, 98, 254, 0) 15%
  );
  background-image: -moz-radial-gradient(
    100% 100%,
    circle,
    rgba(0, 45, 156, 0.28) 0,
    rgba(15, 98, 254, 0) 15%
  );
  background-image: radial-gradient(
    circle at 100% 100%,
    rgba(0, 45, 156, 0.28) 0,
    rgba(15, 98, 254, 0) 15%
  );
  height: 100%;
  width: 100%;
}
.animation--scrollAnimation--OP1nkK9
  .animation--container--xBPkCt1
  .animation--DD--TXpK1af
  .animation--cardBox--v5vdO9y {
  -ms-flex-line-pack: justify;
  -webkit-align-content: space-between;
  align-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 5.6em;
  left: 50%;
  line-height: 0;
  max-width: 1200px;
  padding: 0.83em 0.43em;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -0.89em);
  -moz-transform: translate(-50%, -0.89em);
  -ms-transform: translate(-50%, -0.89em);
  transform: translate(-50%, -0.89em);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 12em;
  z-index: 10;
}
.animation--scrollAnimation--OP1nkK9
  .animation--container--xBPkCt1
  .animation--DD--TXpK1af
  .animation--cardBox--v5vdO9y
  .animation--cardBg--ViAi9Ot {
  background-color: rgba(23, 26, 29, 0.9);
  border-radius: 0.16em;
  height: 100%;
  left: 0;
  max-width: 1200px;
  position: absolute;
  top: 0;
  width: 100%;
}
.animation--scrollAnimation--OP1nkK9
  .animation--container--xBPkCt1
  .animation--DD--TXpK1af
  .animation--cardBox--v5vdO9y
  .animation--cardItemActive--R0867da {
  cursor: pointer;
}
.animation--scrollAnimation--OP1nkK9
  .animation--container--xBPkCt1
  .animation--DD--TXpK1af
  .animation--cardBox--v5vdO9y
  .animation--cardItemActive--R0867da:hover
  .animation--cardIcon--P3QD_a_ {
  opacity: 0.6;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.animation--scrollAnimation--OP1nkK9
  .animation--container--xBPkCt1
  .animation--DD--TXpK1af
  .animation--cardBox--v5vdO9y
  .animation--cardItemActive--R0867da:hover
  > .animation--cardTitle--OMUlGSq
  > span {
  opacity: 0.6;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.animation--scrollAnimation--OP1nkK9
  .animation--container--xBPkCt1
  .animation--DD--TXpK1af
  .animation--cardBox--v5vdO9y
  .animation--cardItem--b_KE0xf {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 14.28571%;
}
.animation--scrollAnimation--OP1nkK9
  .animation--container--xBPkCt1
  .animation--DD--TXpK1af
  .animation--cardBox--v5vdO9y
  .animation--cardItem--b_KE0xf
  .animation--cardIcon--P3QD_a_ {
  margin-bottom: 0.32em;
}
.animation--scrollAnimation--OP1nkK9
  .animation--container--xBPkCt1
  .animation--DD--TXpK1af
  .animation--cardBox--v5vdO9y
  .animation--cardItem--b_KE0xf
  .animation--cardIcon--P3QD_a_
  > img {
  border-radius: 0.1667em;
  height: 0.8em;
  width: 0.8em;
}
.animation--scrollAnimation--OP1nkK9
  .animation--container--xBPkCt1
  .animation--DD--TXpK1af
  .animation--cardBox--v5vdO9y
  .animation--cardItem--b_KE0xf
  > .animation--cardTitle--OMUlGSq {
  font-size: 0.2em;
  line-height: 1;
}
.animation--scrollAnimation--OP1nkK9
  .animation--container--xBPkCt1
  .animation--Icon--bqqTV1B {
  background-image: -webkit-linear-gradient(
    291deg,
    #00b6ff,
    #007fff 67%,
    #0065ff 97%
  );
  background-image: -moz-linear-gradient(
    291deg,
    #00b6ff 0,
    #007fff 67%,
    #0065ff 97%
  );
  background-image: linear-gradient(159deg, #00b6ff, #007fff 67%, #0065ff 97%);
  border-radius: 0.3797em;
  -webkit-box-shadow: 0 0 0.39em 0 rgba(0, 79, 255, 0.3),
    0.26em 0.26em 0.77em 0 rgba(0, 79, 255, 0.3);
  box-shadow: 0 0 0.39em 0 rgba(0, 79, 255, 0.3),
    0.26em 0.26em 0.77em 0 rgba(0, 79, 255, 0.3);
  height: 1.8em;
  left: 50%;
  margin-left: -0.9em;
  margin-top: -0.9em;
  position: absolute;
  top: 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 1.8em;
  z-index: 10;
}
.animation--scrollAnimation--OP1nkK9
  .animation--container--xBPkCt1
  .animation--Icon--bqqTV1B
  > img {
  height: 100%;
  width: 100%;
}
.animation--scrollAnimation--OP1nkK9
  .animation--container--xBPkCt1
  .animation--title--R69oLfa {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  bottom: -webkit-calc(50% - 2.25em);
  bottom: -moz-calc(50% - 2.25em);
  bottom: calc(50% - 2.25em);
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.52em;
  -webkit-justify-content: center;
  justify-content: center;
  left: 0;
  line-height: 0.52em;
  position: absolute;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 100%;
  z-index: 10;
}
.animation--scrollAnimation--OP1nkK9
  .animation--container--xBPkCt1
  .animation--title--R69oLfa
  > img {
  height: 100%;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox1--wSkwbZ9 {
  background-color: #040506;
  background-image: -webkit-linear-gradient(
      123deg,
      #8f35ff,
      rgba(143, 53, 255, 0)
    ),
    -webkit-radial-gradient(62% -28%, circle, rgba(0, 45, 156, 0.75) 0, #002d9c
          68%, rgba(0, 45, 156, 0) 111%),
    -webkit-linear-gradient(334deg, rgba(0, 137, 255, 0.2) 1%, rgba(
            0,
            186,
            255,
            0.04
          )
          38%, rgba(68, 149, 255, 0.08) 68%, rgba(3, 79, 255, 0.16) 88%);
  background-image: -moz-linear-gradient(
      123deg,
      #8f35ff 0,
      rgba(143, 53, 255, 0) 100%
    ),
    -moz-radial-gradient(62% -28%, circle, rgba(0, 45, 156, 0.75) 0, #002d9c 68%, rgba(
            0,
            45,
            156,
            0
          )
          111%),
    -moz-linear-gradient(334deg, rgba(0, 137, 255, 0.2) 1%, rgba(
            0,
            186,
            255,
            0.04
          )
          38%, rgba(68, 149, 255, 0.08) 68%, rgba(3, 79, 255, 0.16) 88%);
  background-image: linear-gradient(-33deg, #8f35ff, rgba(143, 53, 255, 0)),
    radial-gradient(
      circle at 62% -28%,
      rgba(0, 45, 156, 0.75) 0,
      #002d9c 68%,
      rgba(0, 45, 156, 0) 111%
    ),
    linear-gradient(
      116deg,
      rgba(0, 137, 255, 0.2) 1%,
      rgba(0, 186, 255, 0.04) 38%,
      rgba(68, 149, 255, 0.08) 68%,
      rgba(3, 79, 255, 0.16) 88%
    );
  border-radius: 0.3333em;
  height: 1.6em;
  left: -webkit-calc(50% - 7.56em);
  left: -moz-calc(50% - 7.56em);
  left: calc(50% - 7.56em);
  opacity: 0.4;
  position: absolute;
  top: -webkit-calc(50% - 4.21em);
  top: -moz-calc(50% - 4.21em);
  top: calc(50% - 4.21em);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 1.6em;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox2--k6fmLAa {
  background-image: -webkit-linear-gradient(
      317deg,
      rgba(255, 186, 0, 0),
      rgba(255, 207, 0, 0.6) 68%
    ),
    -webkit-linear-gradient(280deg, #ffc400, #ff9200),
    -webkit-linear-gradient(280deg, #ffc400, #ff9200);
  background-image: -moz-linear-gradient(
      317deg,
      rgba(255, 186, 0, 0) 0,
      rgba(255, 207, 0, 0.6) 68%
    ),
    -moz-linear-gradient(280deg, #ffc400, #ff9200),
    -moz-linear-gradient(280deg, #ffc400, #ff9200);
  background-image: linear-gradient(
      133deg,
      rgba(255, 186, 0, 0),
      rgba(255, 207, 0, 0.6) 68%
    ),
    linear-gradient(170deg, #ffc400, #ff9200),
    linear-gradient(170deg, #ffc400, #ff9200);
  border-radius: 0.1667em;
  height: 0.8em;
  left: -webkit-calc(50% - 4.87em);
  left: -moz-calc(50% - 4.87em);
  left: calc(50% - 4.87em);
  position: absolute;
  top: -webkit-calc(50% - 1.92em);
  top: -moz-calc(50% - 1.92em);
  top: calc(50% - 1.92em);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 0.8em;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox3--T53vr4k {
  background-color: #cc7201;
  border-radius: 0.2em;
  height: 0.96em;
  left: -webkit-calc(50% - 6.24em);
  left: -moz-calc(50% - 6.24em);
  left: calc(50% - 6.24em);
  opacity: 0.8;
  position: absolute;
  top: -webkit-calc(50% - 1.41em);
  top: -moz-calc(50% - 1.41em);
  top: calc(50% - 1.41em);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 0.96em;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox4--WY0E44j {
  background-image: -webkit-linear-gradient(280deg, #3e9eff, #0062ff);
  background-image: -moz-linear-gradient(280deg, #3e9eff, #0062ff);
  background-image: linear-gradient(170deg, #3e9eff, #0062ff);
  border-radius: 0.0833em;
  height: 0.4em;
  left: -webkit-calc(50% - 3.16em);
  left: -moz-calc(50% - 3.16em);
  left: calc(50% - 3.16em);
  opacity: 0.9;
  position: absolute;
  top: -webkit-calc(50% - 0.67em);
  top: -moz-calc(50% - 0.67em);
  top: calc(50% - 0.67em);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 0.4em;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox5--GCM1yDk {
  background-image: -webkit-radial-gradient(
      13deg,
      #ff8300 0,
      #ff9200 54%,
      rgba(255, 146, 0, 0) 128%
    ),
    -webkit-linear-gradient(13deg, #ffb400, #ff9200 25%, #ffdf2f 68%, #ff8e00);
  background-image: -moz-radial-gradient(
      13deg,
      #ff8300 0,
      #ff9200 54%,
      rgba(255, 146, 0, 0) 128%
    ),
    -moz-linear-gradient(13deg, #ffb400 0, #ff9200 25%, #ffdf2f 68%, #ff8e00
          100%);
  background-image: radial-gradient(
      77deg,
      #ff8300 0,
      #ff9200 54%,
      rgba(255, 146, 0, 0) 128%
    ),
    linear-gradient(77deg, #ffb400, #ff9200 25%, #ffdf2f 68%, #ff8e00);
  border-radius: 0.0958em;
  height: 0.46em;
  left: -webkit-calc(50% - 2.59em);
  left: -moz-calc(50% - 2.59em);
  left: calc(50% - 2.59em);
  position: absolute;
  top: -webkit-calc(50% - 0.28em);
  top: -moz-calc(50% - 0.28em);
  top: calc(50% - 0.28em);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 0.46em;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox6--QEJEYQH {
  background-image: -webkit-linear-gradient(44deg, #ff5f00, #ff8d16);
  background-image: -moz-linear-gradient(44deg, #ff5f00 0, #ff8d16 100%);
  background-image: linear-gradient(46deg, #ff5f00, #ff8d16);
  border-radius: 0.15em;
  bottom: -webkit-calc(50% - 1.75em);
  bottom: -moz-calc(50% - 1.75em);
  bottom: calc(50% - 1.75em);
  height: 0.72em;
  left: -webkit-calc(50% - 5.79em);
  left: -moz-calc(50% - 5.79em);
  left: calc(50% - 5.79em);
  opacity: 0.4;
  position: absolute;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 0.72em;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox7--gKWXzif {
  background-color: #040506;
  border-radius: 0.3333em;
  bottom: -webkit-calc(50% - 4.12em);
  bottom: -moz-calc(50% - 4.12em);
  bottom: calc(50% - 4.12em);
  height: 1.6em;
  left: -webkit-calc(50% - 7.01em);
  left: -moz-calc(50% - 7.01em);
  left: calc(50% - 7.01em);
  width: 1.6em;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox7--gKWXzif,
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox8--RtqNGiX {
  background-image: -webkit-linear-gradient(
      230deg,
      #e58dff,
      #8f35ff 67%,
      rgba(143, 53, 255, 0)
    ),
    -webkit-radial-gradient(1.2222% -87%, circle, rgba(0, 45, 156, 0.75) 0, #002d9c
          171%, rgba(0, 45, 156, 0) 278%),
    -webkit-linear-gradient(313deg, rgba(0, 137, 255, 0.3), rgba(3, 79, 255, 0.24));
  background-image: -moz-linear-gradient(
      230deg,
      #e58dff 0,
      #8f35ff 67%,
      rgba(143, 53, 255, 0) 100%
    ),
    -moz-radial-gradient(1.2222% -87%, circle, rgba(0, 45, 156, 0.75) 0, #002d9c
          171%, rgba(0, 45, 156, 0) 278%),
    -moz-linear-gradient(313deg, rgba(0, 137, 255, 0.3) 0, rgba(
            3,
            79,
            255,
            0.24
          )
          100%);
  background-image: linear-gradient(
      220deg,
      #e58dff,
      #8f35ff 67%,
      rgba(143, 53, 255, 0)
    ),
    radial-gradient(
      circle at 1.2222% -87%,
      rgba(0, 45, 156, 0.75) 0,
      #002d9c 171%,
      rgba(0, 45, 156, 0) 278%
    ),
    linear-gradient(137deg, rgba(0, 137, 255, 0.3), rgba(3, 79, 255, 0.24));
  opacity: 0.3;
  position: absolute;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox8--RtqNGiX {
  border-radius: 0.05em;
  height: 0.24em;
  left: -webkit-calc(50% - 2.43em);
  left: -moz-calc(50% - 2.43em);
  left: calc(50% - 2.43em);
  top: -webkit-calc(50% - 0.03em);
  top: -moz-calc(50% - 0.03em);
  top: calc(50% - 0.03em);
  width: 0.24em;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox9--wCii4pb {
  background-image: -webkit-linear-gradient(
      117deg,
      rgba(143, 53, 255, 0.8) 11%,
      rgba(143, 53, 255, 0)
    ),
    -webkit-radial-gradient(62% -28%, circle, rgba(0, 45, 156, 0.75) 0, #002d9c
          68%, rgba(0, 45, 156, 0) 111%);
  background-image: -moz-linear-gradient(
      117deg,
      rgba(143, 53, 255, 0.8) 11%,
      rgba(143, 53, 255, 0) 100%
    ),
    -moz-radial-gradient(62% -28%, circle, rgba(0, 45, 156, 0.75) 0, #002d9c 68%, rgba(
            0,
            45,
            156,
            0
          )
          111%);
  background-image: linear-gradient(
      -27deg,
      rgba(143, 53, 255, 0.8) 11%,
      rgba(143, 53, 255, 0)
    ),
    radial-gradient(
      circle at 62% -28%,
      rgba(0, 45, 156, 0.75) 0,
      #002d9c 68%,
      rgba(0, 45, 156, 0) 111%
    );
  border-radius: 0.2em;
  height: 0.96em;
  left: -webkit-calc(50% - 1.54em);
  left: -moz-calc(50% - 1.54em);
  left: calc(50% - 1.54em);
  opacity: 0.32;
  position: absolute;
  top: -webkit-calc(50% - 4.73em);
  top: -moz-calc(50% - 4.73em);
  top: calc(50% - 4.73em);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 0.96em;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox10--z8yDjcM {
  background-color: #ffa800;
  border-radius: 0.0958em;
  bottom: -webkit-calc(50% - 0.98em);
  bottom: -moz-calc(50% - 0.98em);
  bottom: calc(50% - 0.98em);
  height: 0.46em;
  left: -webkit-calc(50% - 3.62em);
  left: -moz-calc(50% - 3.62em);
  left: calc(50% - 3.62em);
  position: absolute;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 0.46em;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox11--vcQgjI6 {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#004fff),
    color-stop(70%, rgba(0, 45, 156, 0))
  );
  background-image: -webkit-linear-gradient(
    top,
    #004fff,
    rgba(0, 45, 156, 0) 70%
  );
  background-image: -moz-linear-gradient(
    top,
    #004fff 0,
    rgba(0, 45, 156, 0) 70%
  );
  background-image: linear-gradient(180deg, #004fff, rgba(0, 45, 156, 0) 70%);
  border-radius: 0.2em;
  bottom: -webkit-calc(50% - 4.98em);
  bottom: -moz-calc(50% - 4.98em);
  bottom: calc(50% - 4.98em);
  height: 0.96em;
  left: -webkit-calc(50% - 1.65em);
  left: -moz-calc(50% - 1.65em);
  left: calc(50% - 1.65em);
  opacity: 0.28;
  position: absolute;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 0.96em;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox12--dotaMdN {
  background-image: -webkit-radial-gradient(
    top,
    rgba(0, 45, 156, 0.75) 0,
    #002d9c 92%,
    rgba(0, 45, 156, 0) 166%
  );
  background-image: -moz-radial-gradient(
    top,
    rgba(0, 45, 156, 0.75) 0,
    #002d9c 92%,
    rgba(0, 45, 156, 0) 166%
  );
  background-image: radial-gradient(
    180deg,
    rgba(0, 45, 156, 0.75) 0,
    #002d9c 92%,
    rgba(0, 45, 156, 0) 166%
  );
  border-radius: 0.0833em;
  bottom: -webkit-calc(50% - 3.52em);
  bottom: -moz-calc(50% - 3.52em);
  bottom: calc(50% - 3.52em);
  height: 0.4em;
  left: -webkit-calc(50% - 0.26em);
  left: -moz-calc(50% - 0.26em);
  left: calc(50% - 0.26em);
  opacity: 0.39;
  width: 0.4em;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox12--dotaMdN,
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox13--WKCNT0s {
  background-color: #040506;
  position: absolute;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox13--WKCNT0s {
  background-image: -webkit-radial-gradient(
      top,
      rgba(0, 45, 156, 0.75) 0,
      #002d9c 92%,
      rgba(0, 45, 156, 0) 166%
    ),
    -webkit-linear-gradient(334deg, rgba(0, 137, 255, 0.2) 1%, rgba(
            0,
            186,
            255,
            0.04
          )
          38%, rgba(68, 149, 255, 0.08) 68%, rgba(3, 79, 255, 0.16) 88%);
  background-image: -moz-radial-gradient(
      top,
      rgba(0, 45, 156, 0.75) 0,
      #002d9c 92%,
      rgba(0, 45, 156, 0) 166%
    ),
    -moz-linear-gradient(334deg, rgba(0, 137, 255, 0.2) 1%, rgba(
            0,
            186,
            255,
            0.04
          )
          38%, rgba(68, 149, 255, 0.08) 68%, rgba(3, 79, 255, 0.16) 88%);
  background-image: radial-gradient(
      180deg,
      rgba(0, 45, 156, 0.75) 0,
      #002d9c 92%,
      rgba(0, 45, 156, 0) 166%
    ),
    linear-gradient(
      116deg,
      rgba(0, 137, 255, 0.2) 1%,
      rgba(0, 186, 255, 0.04) 38%,
      rgba(68, 149, 255, 0.08) 68%,
      rgba(3, 79, 255, 0.16) 88%
    );
  border-radius: 13.33px;
  height: 64px;
  opacity: 0.45;
  right: -webkit-calc(50% - 1.02em);
  right: -moz-calc(50% - 1.02em);
  right: calc(50% - 1.02em);
  top: -webkit-calc(50% - 3.95em);
  top: -moz-calc(50% - 3.95em);
  top: calc(50% - 3.95em);
  width: 64px;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox14--ZZIxYQn {
  background-image: -webkit-linear-gradient(303deg, #004fff, #002d9c 82%),
    -webkit-linear-gradient(297deg, #007fff 5%, #0063ff 95%);
  background-image: -moz-linear-gradient(303deg, #004fff 0, #002d9c 82%),
    -moz-linear-gradient(297deg, #007fff 5%, #0063ff 95%);
  background-image: linear-gradient(147deg, #004fff, #002d9c 82%),
    linear-gradient(153deg, #007fff 5%, #0063ff 95%);
  border-radius: 0.05em;
  height: 0.24em;
  opacity: 0.3;
  position: absolute;
  right: -webkit-calc(50% - 0.38em);
  right: -moz-calc(50% - 0.38em);
  right: calc(50% - 0.38em);
  top: -webkit-calc(50% - 2.06em);
  top: -moz-calc(50% - 2.06em);
  top: calc(50% - 2.06em);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 0.24em;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox15--GxJAbfO {
  background-image: -webkit-linear-gradient(
      51deg,
      rgba(0, 79, 255, 0),
      #004fff 72%
    ),
    -webkit-linear-gradient(297deg, #007fff 5%, #0063ff 95%);
  background-image: -moz-linear-gradient(
      51deg,
      rgba(0, 79, 255, 0) 0,
      #004fff 72%
    ),
    -moz-linear-gradient(297deg, #007fff 5%, #0063ff 95%);
  background-image: linear-gradient(39deg, rgba(0, 79, 255, 0), #004fff 72%),
    linear-gradient(153deg, #007fff 5%, #0063ff 95%);
  border-radius: 0.2708em;
  height: 1.3em;
  opacity: 0.7;
  position: absolute;
  right: -webkit-calc(50% - 7.04em);
  right: -moz-calc(50% - 7.04em);
  right: calc(50% - 7.04em);
  top: -webkit-calc(50% - 3.63em);
  top: -moz-calc(50% - 3.63em);
  top: calc(50% - 3.63em);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 1.3em;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox16--NnfZPCt {
  background-image: -webkit-linear-gradient(322deg, #00ebb6, #00ba46 69%);
  background-image: -moz-linear-gradient(322deg, #00ebb6 0, #00ba46 69%);
  background-image: linear-gradient(128deg, #00ebb6, #00ba46 69%);
  border-radius: 0.1333em;
  height: 0.64em;
  right: -webkit-calc(50% - 5.05em);
  right: -moz-calc(50% - 5.05em);
  right: calc(50% - 5.05em);
  top: -webkit-calc(50% - 2.26em);
  top: -moz-calc(50% - 2.26em);
  top: calc(50% - 2.26em);
  width: 0.64em;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox16--NnfZPCt,
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox17--DLzQMsb {
  background-color: #040506;
  position: absolute;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox17--DLzQMsb {
  background-image: -webkit-linear-gradient(
    280deg,
    #ffc400,
    rgba(255, 207, 0, 0.6)
  );
  background-image: -moz-linear-gradient(
    280deg,
    #ffc400,
    rgba(255, 207, 0, 0.6)
  );
  background-image: linear-gradient(170deg, #ffc400, rgba(255, 207, 0, 0.6));
  border-radius: 0.05em;
  height: 0.24em;
  opacity: 0.2;
  right: -webkit-calc(50% - 2.18em);
  right: -moz-calc(50% - 2.18em);
  right: calc(50% - 2.18em);
  top: -webkit-calc(50% - 0.52em);
  top: -moz-calc(50% - 0.52em);
  top: calc(50% - 0.52em);
  width: 0.24em;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox18--zd4qncL {
  background-image: -webkit-linear-gradient(280deg, #00b6ff, #007fff);
  background-image: -moz-linear-gradient(280deg, #00b6ff, #007fff);
  background-image: linear-gradient(170deg, #00b6ff, #007fff);
  border-radius: 0.05em;
  bottom: -webkit-calc(50% - 0.49em);
  bottom: -moz-calc(50% - 0.49em);
  bottom: calc(50% - 0.49em);
  height: 0.24em;
  right: -webkit-calc(50% - 3em);
  right: -moz-calc(50% - 3em);
  right: calc(50% - 3em);
  width: 0.24em;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox18--zd4qncL,
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox19--G84ixTe {
  background-color: #040506;
  position: absolute;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox19--G84ixTe {
  background-image: -webkit-linear-gradient(302deg, #76d2ff, #09baff 99%);
  background-image: -moz-linear-gradient(302deg, #76d2ff 0, #09baff 99%);
  background-image: linear-gradient(148deg, #76d2ff, #09baff 99%);
  border-radius: 0.1333em;
  bottom: -webkit-calc(50% - 1.7em);
  bottom: -moz-calc(50% - 1.7em);
  bottom: calc(50% - 1.7em);
  height: 0.64em;
  right: -webkit-calc(50% - 4.53em);
  right: -moz-calc(50% - 4.53em);
  right: calc(50% - 4.53em);
  width: 0.64em;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox20--Zz0xI7I {
  background-image: -webkit-linear-gradient(314deg, #3e9eff 19%, #0062ff);
  background-image: -moz-linear-gradient(314deg, #3e9eff 19%, #0062ff 100%);
  background-image: linear-gradient(136deg, #3e9eff 19%, #0062ff);
  border-radius: 0.2em;
  bottom: -webkit-calc(50% - 1.33em);
  bottom: -moz-calc(50% - 1.33em);
  bottom: calc(50% - 1.33em);
  height: 0.96em;
  position: absolute;
  right: -webkit-calc(50% - 6.57em);
  right: -moz-calc(50% - 6.57em);
  right: calc(50% - 6.57em);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 0.96em;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox21--vC51awA {
  background-image: -webkit-linear-gradient(
      303deg,
      rgba(0, 79, 255, 0.6),
      rgba(0, 45, 156, 0.6) 82%
    ),
    -webkit-linear-gradient(297deg, #007fff 5%, #0063ff 95%);
  background-image: -moz-linear-gradient(
      303deg,
      rgba(0, 79, 255, 0.6) 0,
      rgba(0, 45, 156, 0.6) 82%
    ),
    -moz-linear-gradient(297deg, #007fff 5%, #0063ff 95%);
  background-image: linear-gradient(
      147deg,
      rgba(0, 79, 255, 0.6),
      rgba(0, 45, 156, 0.6) 82%
    ),
    linear-gradient(153deg, #007fff 5%, #0063ff 95%);
  border-radius: 0.3333em;
  bottom: -webkit-calc(50% - 3.45em);
  bottom: -moz-calc(50% - 3.45em);
  bottom: calc(50% - 3.45em);
  height: 1.6em;
  opacity: 0.5;
  position: absolute;
  right: -webkit-calc(50% - 8em);
  right: -moz-calc(50% - 8em);
  right: calc(50% - 8em);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 1.6em;
}
.animation--scrollAnimation--OP1nkK9 .animation--ColorBox22--_YDGMxY {
  background-image: -webkit-linear-gradient(
    92deg,
    rgba(0, 45, 156, 0.75),
    #002d9c
  );
  background-image: -moz-linear-gradient(
    92deg,
    rgba(0, 45, 156, 0.75),
    #002d9c
  );
  background-image: linear-gradient(-2deg, rgba(0, 45, 156, 0.75), #002d9c);
  border-radius: 0.2em;
  bottom: -webkit-calc(50% - 5.32em);
  bottom: -moz-calc(50% - 5.32em);
  bottom: calc(50% - 5.32em);
  height: 0.96em;
  opacity: 0.2;
  position: absolute;
  right: -webkit-calc(50% - 2.13em);
  right: -moz-calc(50% - 2.13em);
  right: calc(50% - 2.13em);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 0.96em;
}
.animation--scrollAnimation--OP1nkK9
  .animation--miniContainer--nsAIKJI
  .animation--contentTop--bAjH2qs {
  height: 495px;
  position: relative;
}
.animation--scrollAnimation--OP1nkK9
  .animation--miniContainer--nsAIKJI
  .animation--contentTop--bAjH2qs
  .animation--miniIcon--awN5TO4 {
  background-image: -webkit-linear-gradient(
    291deg,
    #00b6ff,
    #007fff 67%,
    #0065ff 97%
  );
  background-image: -moz-linear-gradient(
    291deg,
    #00b6ff 0,
    #007fff 67%,
    #0065ff 97%
  );
  background-image: linear-gradient(159deg, #00b6ff, #007fff 67%, #0065ff 97%);
  border-radius: 20px;
  -webkit-box-shadow: 0 0 39px 0 rgba(0, 79, 255, 0.3),
    0.26px 26px 77px 0 rgba(0, 79, 255, 0.3);
  box-shadow: 0 0 39px 0 rgba(0, 79, 255, 0.3),
    0.26px 26px 77px 0 rgba(0, 79, 255, 0.3);
  height: 99px;
  left: 50%;
  margin-left: -49.5px;
  margin-top: -49.5px;
  position: absolute;
  top: 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 99px;
}
.animation--scrollAnimation--OP1nkK9
  .animation--miniContainer--nsAIKJI
  .animation--contentTop--bAjH2qs
  .animation--miniIcon--awN5TO4
  > img {
  height: 100%;
  width: 100%;
}
.animation--scrollAnimation--OP1nkK9
  .animation--miniContainer--nsAIKJI
  .animation--contentTop--bAjH2qs
  .animation--miniTitle--ZUYy8zV {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  bottom: -webkit-calc(50% - 123.75px);
  bottom: -moz-calc(50% - 123.75px);
  bottom: calc(50% - 123.75px);
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 28.6px;
  -webkit-justify-content: center;
  justify-content: center;
  left: 0;
  line-height: 28.6px;
  position: absolute;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 100%;
}
.animation--scrollAnimation--OP1nkK9
  .animation--miniContainer--nsAIKJI
  .animation--contentTop--bAjH2qs
  .animation--miniTitle--ZUYy8zV
  > img {
  height: 100%;
}
.animation--scrollAnimation--OP1nkK9
  .animation--miniContainer--nsAIKJI
  .animation--contentCenter--hay45yu {
  background: url(https://gw.alicdn.com/imgextra/i2/O1CN01DL98PU1o7ZcDBmNDk_!!6000000005178-2-tps-3840-920.png)
    no-repeat 50%;
  background-size: cover;
  height: 284.9px;
  padding-top: 127px;
  width: 734.9px;
}
.animation--scrollAnimation--OP1nkK9
  .animation--miniContainer--nsAIKJI
  .animation--contentCenter--hay45yu
  .animation--miniWhyTitle--vczcnJP {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 36px;
}
.animation--scrollAnimation--OP1nkK9
  .animation--miniContainer--nsAIKJI
  .animation--contentCenter--hay45yu
  .animation--miniWhyTitle--vczcnJP
  > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: auto;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -moz-transition: transform 0.3s, -moz-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s;
}
.animation--scrollAnimation--OP1nkK9
  .animation--miniContainer--nsAIKJI
  .animation--contentCenter--hay45yu
  .animation--miniWhyTitle--vczcnJP
  > div
  > .animation--miniWhyText--ildDMzS {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#7ebeff),
    to(#1086ff)
  );
  background: -webkit-linear-gradient(left, #7ebeff, #1086ff);
  background: -moz-linear-gradient(left, #7ebeff, #1086ff);
  background: linear-gradient(90deg, #7ebeff, #1086ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 16px;
  height: 22px;
  line-height: 22px;
  position: relative;
}
.animation--scrollAnimation--OP1nkK9
  .animation--miniContainer--nsAIKJI
  .animation--contentCenter--hay45yu
  .animation--miniWhyTitle--vczcnJP
  > div
  > .animation--miniWhyText--ildDMzS
  .animation--whyBg--eNUY3lw {
  -webkit-background-clip: text;
  background-clip: text;
  background-color: #fff;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: width 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
  width: 0;
}
.animation--scrollAnimation--OP1nkK9
  .animation--miniContainer--nsAIKJI
  .animation--contentCenter--hay45yu
  .animation--whyTitleActive--dFEhOTb
  > div:hover {
  -webkit-transform: scale(1.2) !important;
  -moz-transform: scale(1.2) !important;
  -ms-transform: scale(1.2) !important;
  transform: scale(1.2) !important;
}
.animation--scrollAnimation--OP1nkK9
  .animation--miniContainer--nsAIKJI
  .animation--contentCenter--hay45yu
  .animation--miniResolveTitle--BicHpD4 {
  color: #fff;
  font-family: PingFangSC-Medium;
  font-size: 40px;
  font-weight: 500;
  line-height: 56px;
  text-align: center;
}
.animation--scrollAnimation--OP1nkK9
  .animation--miniContainer--nsAIKJI
  .animation--contentCenter--hay45yu
  .animation--miniResolveTitle--BicHpD4
  > div {
  white-space: pre-wrap;
}
.animation--scrollAnimation--OP1nkK9
  .animation--miniContainer--nsAIKJI
  .animation--contentBottom--buyGpRT {
  margin-top: 53px;
  padding: 0 48px;
}
.animation--scrollAnimation--OP1nkK9
  .animation--miniContainer--nsAIKJI
  .animation--contentBottom--buyGpRT
  .animation--miniCardBox--sr6vkZy {
  -ms-flex-line-pack: justify;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-content: space-between;
  align-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 700px;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 64px 73px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.animation--scrollAnimation--OP1nkK9
  .animation--miniContainer--nsAIKJI
  .animation--contentBottom--buyGpRT
  .animation--miniCardBox--sr6vkZy
  .animation--miniCardBg--M3sg2v1 {
  background-color: rgba(23, 26, 29, 0.9);
  border-radius: 16px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.animation--scrollAnimation--OP1nkK9
  .animation--miniContainer--nsAIKJI
  .animation--contentBottom--buyGpRT
  .animation--miniCardBox--sr6vkZy
  .animation--miniCardItem--PphFOeF {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 25%;
}
.animation--scrollAnimation--OP1nkK9
  .animation--miniContainer--nsAIKJI
  .animation--contentBottom--buyGpRT
  .animation--miniCardBox--sr6vkZy
  .animation--miniCardItem--PphFOeF:hover
  .animation--miniCardIcon--BQWgdu4 {
  opacity: 0.6;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.animation--scrollAnimation--OP1nkK9
  .animation--miniContainer--nsAIKJI
  .animation--contentBottom--buyGpRT
  .animation--miniCardBox--sr6vkZy
  .animation--miniCardItem--PphFOeF:hover
  > .animation--miniCardTitle--N1Tb_A7
  > span {
  opacity: 0.6;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.animation--scrollAnimation--OP1nkK9
  .animation--miniContainer--nsAIKJI
  .animation--contentBottom--buyGpRT
  .animation--miniCardBox--sr6vkZy
  .animation--miniCardItem--PphFOeF
  .animation--miniCardIcon--BQWgdu4 {
  margin-bottom: 24px;
}
.animation--scrollAnimation--OP1nkK9
  .animation--miniContainer--nsAIKJI
  .animation--contentBottom--buyGpRT
  .animation--miniCardBox--sr6vkZy
  .animation--miniCardItem--PphFOeF
  .animation--miniCardIcon--BQWgdu4
  > img {
  border-radius: 13.33px;
  height: 64px;
  width: 64px;
}
.animation--scrollAnimation--OP1nkK9
  .animation--miniContainer--nsAIKJI
  .animation--contentBottom--buyGpRT
  .animation--miniCardBox--sr6vkZy
  .animation--miniCardItem--PphFOeF
  > .animation--miniCardTitle--N1Tb_A7 {
  color: #fff;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  font-weight: 500;
}
.animation--customVideo--JUm_BI6 {
  border-radius: 8px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.animation--customModal--tJY9HVU {
  height: 476px;
  max-width: 1280px !important;
  width: -webkit-calc(100vw - 136px) !important;
  width: -moz-calc(100vw - 136px) !important;
  width: calc(100vw - 136px) !important;
}
.animation--customModal--tJY9HVU .dtd-modal-content {
  background-color: transparent;
}
.animation--customerModalX--q6AUbcz {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  right: -68px;
  top: 0;
  width: 56px;
  z-index: 9999;
}
.animation--customerModalX--q6AUbcz:hover {
  background: hsla(0, 0%, 100%, 0.2);
}
@media screen and (max-width: 1440px) {
  .animation--scrollAnimation--OP1nkK9 {
    font-size: 6.9444444444vw;
  }
}
@media screen and (min-width: 1440px) {
  .animation--scrollAnimation--OP1nkK9 {
    font-size: 100px;
  }
}
@media screen and (max-width: 750px) {
  .animation--scrollAnimation--OP1nkK9 {
    font-size: 55px;
    height: auto;
    margin-bottom: 0;
    overflow-x: hidden;
    padding-bottom: 72px;
    width: 750px;
  }
  .animation--scrollAnimation--OP1nkK9 .animation--basePosition--FGeKxsr {
    position: absolute;
  }
}
@media screen and (min-width: 750px) {
  .animation--scrollAnimation--OP1nkK9 .animation--basePosition--FGeKxsr {
    position: absolute;
  }
}
